<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shop.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1194321_795suody1u3.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1195942_dhnb4c67w5s.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1195971_ta8dzfxnyca.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1195861_iyezh0ytigd.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1195993_tewv9hqec3c.css">
<!--    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1195983_bo59jtqlcm.css">-->
    <title>商品详情</title>
<!--    //at.alicdn.com/t/font_1195971_ta8dzfxnyca.css-->
</head>
<body>

<header>
    <a href="./shop_main.html" class="iconfont icon-fanhui"></a>
    <span>商品详情</span>
    <a href="" class=""></a>
</header>

<div class="photo">
    <div class="pic"><img src="./image/bao.png" alt=""></div>
</div>
<div class="text">
    <h1>皮毛服饰清洗保养</h1>
    <p>服饰内外污渍清洗，去酶杀菌，
        不包含补色补伤服饰内外污渍清洗去酶杀菌，不包含补色补伤
    </p>
    <div class="list">
        <span class="one">60元/件</span>
<!--        <div class="yan"><span class="two">定金</span></div>-->
        <div class="yan">定金</div>
        <div class="three">上门服务</div>
        <div class="end">
            <span class="four">月售</span>
            <span class="five">278</span>
        </div>

    </div>

</div>
<div class="ling">
    <span class="iconfont icon-quan"></span>
    <span class="quan">领券</span>
    <div><span class="man">满500减50</span></div>


</div>
<div class="mid">
    <span>无额外收费</span>
    <span>爽约包赔</span>
    <span>不满意重新服务</span>
</div>
<div class="pingjia">
    <span class="left">用户评价</span>
    <span class="right">
        <div class="a">查看全部</div>
        <span class="iconfont icon-xiangyou" style="opacity: 0.3;"></span>
        <span class="iconfont icon-xiangyou"></span>


<!--         <span class="iconfont icon-xiangyou"></span>-->
    </span>
</div>
<div class="root">
    <div class="root_left">
        <img src="./image/touxiang.png" alt="">
    </div>
    <div class="root_right">
        <div class="name">
            <span class="first">用户名</span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="third">2018-06-08</span>
        </div>
        <p>服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达
            服务专业，商家细节做得特别好，准时到达</p>
        <span>北京</span>
        <span>海淀区</span>
        <span>四双跑步鞋清理</span>
    </div>
</div>
<div class="root">
    <div class="root_left">
        <img src="./image/touxiang.png" alt="">
    </div>
    <div class="root_right">
        <div class="name">
            <span class="first">用户名</span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="third">2018-06-08</span>
        </div>
        <p>服务专业，商家细节做得特别好，准时到达</p>
        <span>北京</span>
        <span>海淀区</span>
        <span>四双跑步鞋清理</span>
    </div>
</div>
<div class="root">
    <div class="root_left">
        <img src="./image/touxiang.png" alt="">
    </div>
    <div class="root_right">
        <div class="name">
            <span class="first">用户名</span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-star_full-copy"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="iconfont icon-wujiaoxing"></span>
            <span class="third">2018-06-08</span>
        </div>
        <p>服务专业，商家细节做得特别好，准时到达</p>
        <span>北京</span>
        <span>海淀区</span>
        <span>四双跑步鞋清理</span>
    </div>
</div>
<div class="xiangqing">
    <span class="left">商品详情</span>
        <!--         <span class="iconfont icon-xiangyou"></span>-->
    </span>
</div>
<div class="x_photo">
    <img src="" alt="">
</div>
<div class="xiangsi">
    <span class="left">相似推荐</span>
    <!--         <span class="iconfont icon-xiangyou"></span>-->
    </span>
</div>

<ul class="picture">
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>
    <li>
        <div class="p">
            <a href="./shop.html"><img src="./image/shuilongtou.png" alt=""></a>
        </div>
        <p class="p_one">潜水艇高档龙头</p>
        <p class="p_two">60元</p>

    </li>


</ul>

<div class="bottom">
    <a href="./shop_introude.html">
        <span class="b_one">
        <img src="./image/sahngcheng.png" alt="">
        <p>店铺</p>
        </span>
    </a>

    <a href="./ke_serves.html">
        <span class="b_two">
        <img src="./image/dianhua.png" alt="">
        <p>联系商家</p>
    </span>
    </a>

    <span class="b_three">
        <div>
            <p><a href="./shopping_cart.html">加入购物车</a></p>
        </div>
    </span>
    <span class="b_four">
        <div>
            <p><a href="./write_order.html">立即下单</a></p>
        </div>
    </span>
</div>


</body>
</html>